<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>设置</title>
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="./children.css" />
  </head>
  <body>
    <div class="children">
      <div class="banner pl-15 pr-15 bg-fff bold flex aic jc-sb f20 b-b">
        <a
          href="javascript:history.back(-1)"
          class="iconfont icon-zuojiantou"
        ></a>
        <span>设置</span>
        <a href="" class="iconfont"></a>
      </div>
      <div class="setList pl-15 pr-15 bg-fff">
        <div class="setItem flex aic jc-sb b-b">
          <span>更改手机号码</span>
          <span class="iconfont icon-youbian gary"></span>
        </div>
        <div class="setItem flex aic jc-sb b-b">
          <span>修改密码</span>
          <span class="iconfont icon-youbian gary"></span>
        </div>
        <div class="setItem flex aic jc-sb b-b">
          <span>消息通知</span>
          <div class="butBox flex aic">
            <span class="iconfont icon-ditu-yuan"></span>
          </div>
        </div>
        <div class="setItem flex aic jc-sb b-b">
          <span>清除缓存</span>
          <div class="gary">
            <span>9.2M</span>
            <span class="iconfont icon-youbian"></span>
          </div>
        </div>
        <div class="setItem flex aic jc-sb b-b">
          <span>升级版本</span>
          <div class="gary">
            <span>当前版本 2.8.9</span>
            <span class="iconfont icon-youbian"></span>
          </div>
        </div>
      </div>
      <div class="fot mt-40 ml-15 mr-15 base fcc">退出账号</div>
      <!-- 荧幕 -->
      <div class="pop fixed dsn">
        <div class="popBox bg-fff fdc">
          <div class="text fcc">确定要退出当前账号吗？</div>
          <div class="flex aic jc-c fg1">
            <span id="but" class="gary fg1 fcc b-r h100">取消</span>
            <span id="but" class="bule fg1 fcc">确定</span>
          </div>
        </div>
      </div>
      <!-- 跳转 -->
      <div class="success tac">
        <img
          src="../../../assets/img/My/b8b6ae7fd96f4a2122359885f8dbe51.png"
          alt=""
        />
        <p>退出成功</p>
      </div>
    </div>
  </body>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    $(".butBox").click(function () {
      if (!$(this)[0].className.includes("active")) {
        $(this).addClass("active");
        $(this).find(".iconfont").addClass("but");
      } else {
        $(this).removeClass("active");
        $(this).find(".iconfont").removeClass("but");
      }
    });

    $(".fot").click(function () {
      $(".pop").removeClass("dsn").addClass("fcc");
    });
    $(".pop").on("click", "#but", function () {
      $(".pop").addClass("dsn").removeClass("fcc");
      if ($(this).text() == "确定") {
        var _success = document.querySelector(".success");
        _success.style.display = "block";
        setTimeout(function () {
          location.href = "../../Login/Login.html";
        }, 2000);
      }
    });
  </script>
</html>
